.children {
    margin-left: 24px;
}

.item {
    cursor: pointer;
}

.add {
    display: none;
    font-weight: 600;
    margin-top: 7px;
}

.name {
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    .icon {
        display: flex;
        align-items: center;
        position: absolute;
    }
    .itemName {
        display: flex;
        align-items: center;
        height: 100%;
        margin-left: 24px;
        cursor: pointer;
         ::ng-deep * {
            color: #000;
        }
    }
}

.name:hover>.add {
    display: inline-block;
    margin-left: 8px;
}

.radio {
    margin-top: 8px;
    display: flex;
    align-items: center;
}

.checkbox {
    margin-right: 8px;
}